
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">

<link rel="shortcut icon" href="/assets/img/favicon.ico" />
<!-- Loading Bootstrap -->
<link href="./css/backend.min.css?v=1.0.4" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
  <script src="/assets/js/html5shiv.js"></script>
  <script src="/assets/js/respond.min.js"></script>
<![endif]-->
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>	
</script>
<script type="text/javascript">
    var require = {
        config:  {"site":{"name":"\u604b\u7a7a\u62db\u5546\u7ba1\u7406\u7cfb\u7edf","version":"1.0.4","cdnurl":""},"upload":{"cdnurl":"","uploadurl":"ajax\/upload","bucket":"local","maxsize":"10mb","mimetype":"jpg,png,bmp,jpeg,gif,zip,rar,xls,xlsx","multipart":[],"multiple":false},"modulename":"admin","controllername":"dashboard","actionname":"index","jsname":"backend\/dashboard","moduleurl":"\/admin","language":"zh-cn","fastadmin":{"usercenter":false,"login_captcha":true,"login_failure_retry":true,"login_unique":false,"login_background":"\/assets\/img\/loginbg.jpg","multiplenav":false,"checkupdate":false,"version":"1.0.0.20190705_beta","api_url":"https:\/\/api.fastadmin.net"},"referer":null,"__PUBLIC__":"\/","__ROOT__":"\/","__CDN__":""}    };
</script>
    </head>

    <body class="inside-header inside-aside ">
        <div id="main" role="main">
            <div class="tab-content tab-addtabs">
                <div id="content">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <section class="content-header hide">
                                <h1>
                                    控制台                                    <small>Control panel</small>
                                </h1>
                            </section>
                                                        <!-- RIBBON -->
                            <div id="ribbon">
                                <ol class="breadcrumb pull-left">
                                    <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> 控制台</a></li>
                                </ol>
                                <ol class="breadcrumb pull-right">
                                                                        <li><a href="javascript:;" data-url="/admin/dashboard/dashboard">控制台</a></li>
                                                                    </ol>
                            </div>
                            <!-- END RIBBON -->
                                                        <div class="content">
                                <style type="text/css">
    .sm-st {
        background: #fff;
        padding: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    }

    .sm-st-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .sm-st-info {
        font-size: 12px;
        padding-top: 2px;
    }

    .sm-st-info span {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .orange {
        background: #fa8564 !important;
    }

    .tar {
        background: #45cf95 !important;
    }

    .sm-st .green {
        background: #86ba41 !important;
    }

    .pink {
        background: #AC75F0 !important;
    }

    .yellow-b {
        background: #fdd752 !important;
    }

    .stat-elem {

        background-color: #fff;
        padding: 18px;
        border-radius: 40px;

    }

    .stat-info {
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        margin-top: -5px;
        padding: 8px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        font-style: italic;
    }

    .stat-icon {
        text-align: center;
        margin-bottom: 5px;
    }

    .st-red {
        background-color: #F05050;
    }

    .st-green {
        background-color: #27C24C;
    }

    .st-violet {
        background-color: #7266ba;
    }

    .st-blue {
        background-color: #23b7e5;
    }

    .stats .stat-icon {
        color: #28bb9c;
        display: inline-block;
        font-size: 26px;
        text-align: center;
        vertical-align: middle;
        width: 50px;
        float: left;
    }

    .stat {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        margin-right: 10px;
    }

    .stat .value {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    .stat .name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stat.lg .value {
        font-size: 26px;
        line-height: 28px;
    }

    .stat.lg .name {
        font-size: 16px;
    }

    .stat-col .progress {
        height: 2px;
    }

    .stat-col .progress-bar {
        line-height: 2px;
        height: 2px;
    }

    .item {
        padding: 30px 0;
    }
</style>
<!-- <div class="alert alert-danger-light">
    <i class="fa fa-warning"></i> 安全提示：你正在使用默认的后台登录入口，为了你的网站安全，建议你修改后台登录入口，<a href="https://forum.fastadmin.net/thread/7640" target="_blank">点击查看修改方法</a></div> -->
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <!-- <div class="panel-lead"><em>控制台</em>用于展示当前系统中的统计数据、统计报表及重要实时数据</div> -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">控制台</a></li>
            <!-- <li><a href="#two" data-toggle="tab">自定义</a></li> -->
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="row">
                    <div class="col-lg-8">
                        <div id="echart" style="height:200px;width:100%;"></div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card sameheight-item stats">
                            <div class="card-block">
                                <div class="row row-sm stats-container">
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-rocket"></i></div>
                                        <div class="stat">
                                            <div class="value"> 53</div>
                                            <div class="name"> 今日录单</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 30%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-shopping-cart"></i></div>
                                        <div class="stat">
                                            <div class="value"> 2094</div>
                                            <div class="name"> 今日订单</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-line-chart"></i></div>
                                        <div class="stat">
                                            <div class="value"> 55700.92</div>
                                            <div class="name"> 今日金额</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-users"></i></div>
                                        <div class="stat">
                                            <div class="value"> 2173.26</div>
                                            <div class="name"> 今日预估</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-list-alt"></i></div>
                                        <div class="stat">
                                            <div class="value"> 6392</div>
                                            <div class="name"> 昨天订单</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-dollar"></i></div>
                                        <div class="stat">
                                            <div class="value"> 4115.34</div>
                                            <div class="name"> 昨天预估</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:15px;">

                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <span class="label label-success pull-right">本月</span>
                                    <h5>本月录单</h5>
                                </div>
                                <div class="panel-content">
                                    <h1 class="no-margins">838</h1>
                                    <div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i>录单总计</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel bg-aqua-gradient">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-info pull-right">本月</span>
                                    <h5>本月订单</h5>
                                </div>
                                <div class="ibox-content">
                                    <h1 class="no-margins">36051</h1>
                                    <div class="stat-percent font-bold text-gray"><i class="fa fa-modx"></i> 单量总计</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel bg-purple-gradient">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">本月</span>
                                    <h5>本月预估</h5>
                                </div>
                                <div class="ibox-content">
                                    <h1 class="no-margins">60350.73</h1>
                                    <div class="stat-percent font-bold text-gray"><i class="fa fa-modx"></i> 预估总计</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel bg-green-gradient">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">上月</span>
                                    <h5>上月信息</h5>
                                </div>
                                <div class="ibox-content">

                                    <div class="row">
                                        <div class="col-xs-4 col-sm-4 col-md-4"> 
                                            <h1 class="no-margins" style="font-size: 18px;">2527</h1>
                                            <div class="font-bold"><i class="fa fa-commenting"></i>
                                                <small>录单数</small>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4 col-md-4">
                                            <h1 class="no-margins"  style="font-size: 18px;">86069</h1>
                                            <div class="font-bold"><i class="fa fa-user"></i>
                                                <small>订单数</small>
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4 col-md-4">
                                            <h1 class="no-margins"  style="font-size: 18px;">120146.68</h1>
                                            <div class="font-bold">
                                                <small >预估服务费</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

 
                <div class="row">
                    <div class="col-lg-12">
                        <div class="box box-info">
                            <div class="box-header"><h3 class="box-title">公司排行榜</h3></div>
                            <div class="box-body" style="padding-top:0;">
                                <div id="toolbar2" class="toolbar" style="width: 100%;">
                                    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="刷新"><i class="fa fa-refresh"></i></a>
                                    </div>
                                    <div class="col-xs-6 col-sm-6 col-md-8 col-lg-6">
                                        <input id="demo" class="datetimerangenow form-control" type="text" placeholder="点击选择时间">
                                        <input id="start_time" value="" type="hidden">
                                        <input id="end_time" value="" type="hidden">
                                    </div>
                                    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                                        <button type="submit" class="btn btn-success btn-embossed btn-singlesearchone">提交</button>
                                    </div>
                                </div>
                                <table id="table_time" class="table table-striped table-bordered table-hover" width="100%"></table>
                            </div>
                        </div>
                    </div>
                </div>
<!--             <div class="tab-pane fade" id="two">
                <div class="row">
                    <div class="col-xs-12">
                        这里是你的自定义数据                    </div>
                </div>
            </div>   -->
        </div>
    </div>
</div>
<script>
    var Orderdata = {
        column: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14],
        ordernum: ["143","67","31","20","14","27","52","155","203","235","257","242","207","232","209"],
        auctionNum: ["172","78","38","22","17","49","68","202","266","422","369","312","288","1803","373"],
        /*totalAlipayFeeString: ["3056.58","1122.06","515.35","441.59","328.22","523.19","760.59","2884.36","3683.28","6622.49","6434.71","7394.02","5719.78","9297.40","6917.30"],*/
        estimateServiceFee: ["137.34","65.74","25.93","20.32","15.00","17.37","28.61","129.36","161.21","267.03","227.00","264.42","212.37","354.80","246.76"],
        time: ["2020-04-11 00:00:00","2020-04-11 01:00:00","2020-04-11 02:00:00","2020-04-11 03:00:00","2020-04-11 04:00:00","2020-04-11 05:00:00","2020-04-11 06:00:00","2020-04-11 07:00:00","2020-04-11 08:00:00","2020-04-11 09:00:00","2020-04-11 10:00:00","2020-04-11 11:00:00","2020-04-11 12:00:00","2020-04-11 13:00:00","2020-04-11 14:00:00"],
    };
</script>
<script>
	var myChart = echarts.init(document.getElementById('echart'));
	  var option = {
    title: {
        text: '堆叠区域图'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        }
    },
    legend: {
        data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        }
    ],
    yAxis: [
        {
            type: 'value'
        }
    ],
    series: [
        {
            name: '邮件营销',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
            name: '联盟广告',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            name: '视频广告',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [150, 232, 201, 154, 190, 330, 410]
        },
        {
            name: '直接访问',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [320, 332, 301, 334, 390, 330, 320]
        },
        {
            name: '搜索引擎',
            type: 'line',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    position: 'top'
                }
            },
            areaStyle: {},
            data: [820, 932, 901, 934, 1290, 1330, 1320]
        }
    ]
};

	 
	        // 使用刚指定的配置项和数据显示图表。
	        myChart.setOption(option);
</script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="./js/require.min.js" data-main="./js/backend.min.js?v=1.0.4"></script>
    </body>
</html>